Visualizing Responsive Typography
What do all the numbers in our clamp()
do?
There are multiple tools that can help create a fluid font-size calculation for CSS – generally expressed as a clamp()
function combining em
(or rem
) with vw
(or vi
) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on…